<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>个人中心-加盟</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<!-- 引入核心样式 -->
	<link href="http://appimg.yinsoso.com/css/weui.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">

	<!--当前页面的css-->
	<link href="css/join.css" rel="stylesheet">
	<!-- 引入核心JS -->
	<script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/index.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript" ></script>

	<!-- mobileSelect -->
	<link rel="stylesheet" type="text/css" href="../plugins/mobileSelect/mobileSelect.css">
	<script src="../plugins/mobileSelect/mobileSelect.js" type="text/javascript"></script>
	<script src="../src/city/city-data.js"></script>

	
</head>

<body>
	<div id="app">
	<form action="" method="post" >
		<ul class="joinMain">
			<li class="clearfix">
				<div class="left-text">
					加盟人姓名：
				</div>
				<div class="right-input">
					<input type="text" id="join-name" class="join-input" value="" placeholder="请输入加盟人姓名" v-model="name"/>
				</div>
			</li>
			<li class="clearfix">
				<div class="left-text">
					联系电话：
				</div>
				<div class="right-input">
					<input type="text" id="join-iphone" class="join-input" value="" placeholder="请输入联系电话"  v-model="phone"/>
				</div>
			</li>
			<li class="clearfix">
				<div class="left-text">
					办公地点：
				</div>
				<div class="right-input">
					<input type="text" id="join-addr" class="join-input" value="" placeholder="请输入联系地址" v-model="address"/>
				</div>
			</li>
			<li class="clearfix">
				<div class="left-text">
					加盟城市：
				</div>
				<div class="right-input">
					<input type="text"  @click="showCityPage"  id="city-picker" class="join-input" value="" placeholder="请选择加盟城市" readonly unselectable="on" onfocus="this.blur()" v-model="joincity"/>
				</div>
			</li>
		</ul>
		<div class="joinDescribe">
			<div class="left-text">
				<span>加盟描述：</span>
				<p>（能有效运营分站的描述）</p>
			</div>
			<div class="joinTextarea">
				<textarea placeholder="请输入加盟描述" v-model="descript"></textarea>
			</div>
		</div>
		<div class="joinDescribe" style="min-height:3.5rem;">
			<div class="left-text">
				<span>图片上传：</span>
				<p>（营业执照、门头照等）</p>
			</div>
			<div class="img-warp">
				<div class="imgs-box">
					<ul class="clearfix">
						<div class="ins">
							<li v-for="(item,index) of imgList">
								<img :src="item" class="img">
								<img @click="delPicture(index,item,1)" src="http://appimg.yinsoso.com/me/del.png" class="upload_warp_img_div_del">
							</li>
								<!-- <li></li> 用来生成图片-->
						</div> 
						<li class="imgs-last" v-if="isAllowUpload">
							<span class="add-icon"></span>
							<input type="file" @change="uploadImgs" id="upload_file"  />
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="documentDescription">
				<p>说明：1.加盟分站为企业申请，接受个人“用户”申请，需有企业承接。</p>
				<p> 2.上传照片，至少要有营业执照、门头照、个人照。</p>
			</div>

		<div class="join-flex">
			<a  id="joinBtn" @click="submit">提交</a>
		</div>
	</form>

		<!-- 选择城市界面 -->
		<div class="cityPage" v-if="isShow">
			<p>选择城市</p>
			<div class='a-z' v-if="isShow">
				<ul v-for="item in cityAZ" :name="item" :key="item">
					<li class="a-z-text"  @click='bindAZ(item)'>{{item}}</li>
				</ul>
			</div>
			<div class='city-item-content' v-if="isShow">
				<div v-for="(item, index) in cityResults" :key="index">
					<a class='city-item-A-Z' :name="item.cityName" :data-cityname='item.cityName'>{{item.cityName}}</a>
					<div class='city-item' v-for="(itemName, index) in item.citysub" :key="index"
						 :data-id="itemName.id" :data-spell="itemName.spell" 
						 :data-cityname='itemName.name' @click='citySelected(itemName)'>
						{{itemName.name}}
					</div>
				</div>
			
			</div>
		</div>
	</div>



<script src="js/indexJoin.js"></script>
</body>
</html>